<template>
	<div class="le_main">
		<div class="le_head">
			top
		</div>
		<div class="le_body">
			<div class="le_left">
				<ul v-for="navOne in this.$router.options.routes[0].children" :key="navOne.name">
					<h2>{{navOne.name}}</h2>
					<li v-for="navTwo in navOne.children" :key="navTwo.name">
						<h3>{{navTwo.name}}</h3>
						<router-link v-for="navThree in navTwo.children" :to="navThree.path" :key="navThree.name">
							{{navThree.name}}
						</router-link>
					</li>
				</ul>
			</div>
			<div class="le_right">
				<router-view/>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data(){
		return {

		}
	},
	methods: {

	},
	mounted(){
		
	}
}
</script>
